<!--
	Created by   :
	Created time :
	File explain :
-->
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>选择卖家角色</title>
	<link rel="stylesheet" href="//cdn.bootcss.com/zui/1.6.0/css/zui.css"/>
	<link rel="stylesheet" href="../../common/css/common.css">
	<link rel="stylesheet" href="choice-role.css"/>
</head>
<body>
	<div id="app0"><my-header v-bind:username="message"></my-header></div>
	<div id="choice-container">
		<ul class="list-unstyled">
			<li class="role-list" v-for="data,i in role" :style=Object.keys(role).length|widthFormat>
				<div v-if="i==active" class="role-container  active">
					<p class="role-view" :style=data.roleId|imgFormat>
						<span class="choice-icon icon icon-check-circle-o"></span>
					</p>
					<p class="text-center">{{data.roleName}}</p>
				</div>
				<div v-else class="role-container" @click="roleClick(i, data.roleName)">
					<p class="role-view" :style=data.roleId|imgFormat>
						<span class="choice-icon icon icon-check-circle-o"></span>
					</p>
					<p class="text-center">{{data.roleName}}</p>
				</div>
			</li>

		</ul>
		<div class="text-center">
		<button class="btn btn-primary" @click="intoSellerCenter">进入</button>
		</div>
	</div>
<script data-main="choice-role" src="../../libs/require.min.js"></script>
</body>
</html>